{% extends "base.html" %}

{% import 'includes/forms.html' as forms %}

{% block content %}
<div class="whiteback">
<div class="page-header"><h1>Show Your Interest & Support</h1></div>
<div class="row">
<div class="span5">
<p>We have not yet begun to take up formal applications, but you can register your name and email address here and we will send you notifications when applications open. 
We'll also be glad to hear all comments and anticipations you might have.</p>

<h3>Funding drive</h3>
<p>This project is funded entirely upon participant fees, which naturally tend to arrive close to the game. 

We do however need to get started with some important work that require us to start spending, like costume and hardware prototypes.
This is where you come in. By jumping on the ship early or just helping out you can get some really nice perks. 
We  believe that there are enough of you that are willing support this project early on to see it take off properly. 
</p>

<p>All contributed funds will be counted in full towards coming participant fees, as long as you always use the same email address so we can track you.
An important difference is that we <strong>cannot guarantee any refunds</strong> of these early contributions, 
if you eventually would not be able to participate, but <strong>they will be transferable</strong> to another player.
</p>
<p>If you check an amount in the contribution field you will be redirected to our payments provider upon submitting the form. 
<strong>Please consider doing so. Thank you!</strong> They accept VISA, MasterCard and Bank transfer from all major Swedish  and Finnish banks.</p> 
<p><strong>Note:</strong> you can return to this form and make another contribution at any time, just remember to use the same email address. 
Your final contributors rank will be based  on your total contributions, of course.
</p>
<p>As an extra bonus we will if you contribute at least 1 000 SEK you will become the owner of a exclusive nice Celestra t-shirt!</p> 

<p><strong>Update:</strong> Crowd funding will close 2012-11-18 to give us time to sort out all early bird rewards before proper registration opens.</p>
<div id="bsg-money">
<img src="{{ url_for('static', filename='img/bsg_money.png')}}"/>
</div>
<div>
<p>Funds collected thus far, out of 200 000 kr:</p>
</div>
<div class="progress">
    <div class="bar"
    style="width: {{ min((total_amount / 2000), 100) }}%;">{{ total_amount }} kr</div>
</div>
<div>
<h3>Targets</h3>
<p>&nbsp;</p>
<h4>30 000 kr - This sum will:</h4>
<ul>
<li>Equip our programming team with some real hardware to develop and test the system on.</li>
<li>Let the costumes team order prototypes from different suppliers in time to properly evaluate where we'll get the most bang for our bucks. </li>
<li>Cover some of the organizers travel expenses for location recons.</dl>
</ul>
<h4>50 000 kr - This sum will:</h4>
<ul> 
<li>Give the technical team more alternatives to experiment with and let them start with non-computer terminal interaction points prototyping.</li>
<li>Expand the location recon missions reach</li>
</ul>
<h4>100 000 kr - This sum will:</h4>
<ul>
<li>Enable the writers and production staff to start focusing on the project full time earlier.</li>
</ul>
<h4>200 000 kr - This sum will:</h4>
<ul>
<li>Give us liquidity.</li>
</ul>

</div>

</div>
<div class="span7">
<form class="form-horizontal" method="POST" action="{{ action }}">
{{ forms.form_fields(form) }}
{{ forms.action_buttons('Send', 'Cancel') }}
</form>
<div class="row">
<div class="span3">
<a href="https://www.payson.se" title="Payson Internet Payments" style="width: 180px;
    height: 78px; background: url('https://www.payson.se/sites/all/files/images/external/payson180x78.png');
    float: left; text-indent: -6789px; margin-left: 160px;">Secure Internet payments provided by Payson</a>
</div>
<div class="span3 offset1">
<p><small>(If you experience trouble with Payson, <a href="mailto:payments@celestra-larp.com">email us</a> and we'll provide you with an alternative, but it's more expensive and unautomated so please try Payson first. It almost always works.)
</small></p>
</div>
</div>
</div>
</div>
</div>
{% endblock %}